.login {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(~assets/login.png);



    // CssModule推荐写法   :global
    //1.根元素仍旧接受重命名为hash,为了让父元素的类名唯一
    //2.根元素下的类名,全部用:global包裹,里面的类名将不会被重命名为hash,为了写法更接近以前
    //3.使用上,根元素仍使用styles点语法访问,其他后代类名照常按之前的方式(字符串)来使用   例:className='login-container'
    :global{
      .login-container {
        width: 440px;
        height: 360px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
      
      .login-logo {
        width: 200px;
        height: 60px;
        display: block;
        margin: 0 auto 20px;
      }
    }
  }
  
  